<template>
	<view class="">
		<view class="nav-back">
			<top-heigth :backTitle="backTitle"></top-heigth>
		</view>
		
		<view class="content-box m-t80">
			<view class="content-box">
				<uv-input placeholder="请输入内容" border="bottom" v-model="value" @change="change"></uv-input>
				<uv-input style="margin-top:50rpx" placeholder="请输入内容" border="bottom" v-model="value" @change="change"></uv-input>
				<view class="login-but2 m-t24">提交</view> 
			</view>
			
		</view>
	</view> 
</template>

<script>
	import TopHeigth from '@/components/TopHeigth.vue'
	
	export default {
		data() {
			return {
				backTitle:"所属商家",
				value: ''
			}
		},
		components: { TopHeigth },
		onLoad() {

		},
		mounted() {
		    document.querySelector('body').setAttribute('style', 'background-color:#fff')
		},
		beforeDestroy() {
		    document.querySelector('body').removeAttribute('style')
		},
		methods: {
			change(e) {
			  console.log('change', e);
			}
		}
	}
</script>

<style lang="scss" scoped>
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.uv-nav-slot {
		@include flex;
		align-items: center;
		justify-content: space-between;
		border-width: 0.5px;
		border-radius: 100px;
		border-color: #dadbde;
		padding: 3px 7px;
		opacity: 0.8;
	}
</style>
